page {
	background-color: #E8E8E8;
}

.list-management {
	margin-top: 17rpx;
	padding-bottom: 200rpx;

	.van-swipe-cell {
		background-color: #fff;
	}

	.item {
		display: flex;
		align-items: center;
		background-color: #fff;
		padding: 14rpx 26rpx 12rpx 32rpx;

		.avatar {
			width: 88rpx;
			height: 88rpx;
			margin-right: 23rpx;

			.img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}

		.personnel {
			font-size: 24rpx;

			.top {
				font-size: 32rpx;
				color: #333;
			}

			.bottom {
				font-size: 24rpx;
				color: #999;
			}
		}

		.right {
			margin-left: auto;

			.role {
				color: #69B657;
				font-size: 24rpx;
				margin-right: 25rpx;
			}

			.icon {
				font-size: 20rpx;
			}
		}

	}

	.line {
		width: 718rpx;
		height: 1rpx;
		background: #CACACA;
		margin-left: 32rpx;
	}

	.van-swipe-cell__right {
		width: 65px;
		height: 100%;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: red;
	}

	.btn-view {
		position: fixed;
		bottom: 40rpx;
		left: 0;

		.btn-loginout {
			color: #fff;
			width: 640rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			border-radius: 8rpx;
			margin: 0 55rpx;
			font-size: 32rpx;
			background-color: #5FB257;
		}
	}

	.text-overflow {
		width: 400rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

}